<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!--优先使用IE最高版或谷歌-->
    <meta name="renderer" content="webkit"><!--360浏览器兼容-->
	<title></title>
	<link rel="stylesheet" type="text/css" href="PC/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="PC/css/voucher_center.css">
</head>
<body>
	<div class="bus_box">
		<div class="bus_msg">
			<a href="#">
				<div class="msg_img fl">
					<img src="PC/images/laba.svg">
				</div>
				<div class="msg_text fl">
					<p>
						您可在此模块对您的帐号进行充值操作。
					</p>
				</div>
			</a>
		</div>
		<div class="vou_main">
			<div class="main_hea">
				<h4 style="margin-top: 15px;">充值中心</h4>
			</div>
			<div class="main_bod">
				<div class="main_ye_box">
					<h5>余额：￥<em id="yeNum">**.**</em>元</h5>
				</div>
				<div class="main_cz_box">
					<h5>充值</h5>
				</div>
				<div class="main_cz_rbox">
				</div>
				<div class="main_zf">
					<label>充值金额：</label>
					<input type="text" name="" id="rmb_inp" value="100">
					<br>
					<label>实到金额：</label>
					<input type="text" name="acc_money" id="" value="" disabled>
					<br>
					<label class="fl">支付方式</label>
					<div class="method">
						<a class="pay meth_active" id="alipay">
							<span class="actives"></span>
							<img src="PC/images/zfbzf.png">
						</a>
						<a class="wx" id="wxpay">
							<span class=""></span>
							<img src="PC/images/wxzf.png">
						</a>
					</div>
				</div>
				<div class="tishi m0a">
					<p>温馨提示：</p>
					<p>1.暂不支持银行卡支付</p>
					<p>2.充值完成后如若出现金额问题，请及时联系客服</p>
				</div>
				<div class="cz_btn m0a">
					<input type="checkbox" name="" class="cz_gx"><span>我已阅读并同意<a href="" style="text-decoration: underline;color:#1690ff;">《充值条款》</a></span>
					<br>
					<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
					<input type="button"  name="" value="充值" class="cz_inp">
				</div>
			</div>
		</div>
	</div>
	<div class="wxsuccimg_box">
		<div class="wxsuccimg" id="wxsuccimg">
			<img id="img" src="" alt>
			<span>X</span>
			<p style="width: 265px;position: absolute;top: 53%;left: -59%;font-size: 18px;color: #fff;">打开微信“扫一扫”完成支付</p>
		</div>

	</div>

	<form id="PackageForm" name="PackageForm" target="_blank" action="/alirecharge" method="post">
	    <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
	    <input type="hidden" name="money" id="money" value="">
	    <input type="hidden" name="acc_money" id="acc_money" value="">
	    <input type="hidden" name="pay_type" id="pay_type" value="">
	</form>

<script type="text/javascript" src="PC/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="PC/js/voucher_center.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$.ajax({
		type:"get",
		url:"/getUserInfo",
		data:"",
		success:function(data){
			$("#pers_name").html(data.data.agent_account);
			$("#yeNum").html(data.data.balance);
			role_id = data.data.role_id;
			price_c = data.data.price_c;
			// console.log("当前登录者是：" + data.data.agent_account + "，权限id为：" + role_id + "，余额：" + data.data.balance + "，溢价系数为：" + price_c + "，---(from voucher_center)")
			$('[name="acc_money"]').val(Math.floor($("#rmb_inp").val()*price_c));//实到金额为输入金额*溢价系数
		}
	})

	$(".method a").click(function(){
		$(this).addClass("meth_active").siblings().removeClass("meth_active");
	})//边框显隐
	$(".method .pay").click(function(){
		$(".pay span").addClass("actives");
		$(".wx span").removeClass("actives");
	})
	$(".method .wx").click(function(){
		$(".wx span").addClass("actives");
		$(".pay span").removeClass("actives");
	})//勾选显示

	//监听rmb_inp
	$("#rmb_inp").change(function(){
		$('[name="acc_money"]').val(Math.floor($("#rmb_inp").val()*price_c));//实到金额为输入金额*溢价系数
	})
	$(".wxsuccimg span").click(function(){
		$(".wxsuccimg_box").fadeOut();
	})

	//金额大于100则继续判断支付方式
	$(".cz_inp").click(function(){
		var money = $("#rmb_inp").val();

		

		// console.log(num)
		if($(".cz_gx").prop("checked")){//必须勾选条约
			if (money >= 100 && money<=1000000){
				if (role_id == "3") {//权限id是否为3
					if ($(".meth_active").attr('id') == "wxpay"){//微信支付
						zfId = 3
						console.log(zfId);
						var pay_type = zfId;
						var acc_money = Math.floor(money*price_c);//实到金额 = 充值金额 * 溢价系数

						src = '/wxrecharge?money='+ money + '&pay_type=2' + '&acc_money=' + acc_money;
						$("#img").attr('src',src);

						// $(".pos_fixm_xg").fadeOut();
						$(".wxsuccimg_box").fadeIn();
						// var data = {
						// 	"pay_type": pay_type,
						// 	"money": money,
						// 	"acc_money": acc_money,
						// };
						// console.log(data)
						// $.ajax({
						// 	url:"/wxrecharge",
						// 	type:"get",
						// 	data:data,
						// 	success:function(data){
						// 	console.log(data)

						// 	// $("#img").attr(data);


						// 	// $("#wxsucc").css("display:","none");
						// }
						// })
					}
					if($(".meth_active").attr('id') == "alipay"){//支付宝支付
						zfId = 1;
						console.log(zfId);
						var pay_type = zfId;
						var acc_money = Math.floor(money*price_c);//实到金额 = 充值金额 * 溢价系数
						var token = $("#_token").val();

						$('#money').val(money);
						$('#pay_type').val(pay_type);
						$('#acc_money').val(acc_money);
						$("#PackageForm").submit();
						// var data = {
						// 	"pay_type":pay_type,
						// 	"money":money,
						// 	"acc_money":acc_money,
						// 	"_token": token
						// };
						// console.log(data)
						// $.ajax({
						// 	url:"/alirecharge",
						// 	type:"post",
						// 	data:data,
						// 	success:function(data) {
						// 		window.open(data);
						// 		// $('body').html(data);
						// 	}
						// })
					}
				}else{alert("仅一级代理可以使用充值功能哦~")}
			}else{alert("老铁,至少充100呗！")}
		}else{alert("请阅读并同意用户协议！要我说几遍啊！")}
	})



	});
</script>
</body>
</html>